<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度登陆</title>
</head>
<style>
    .title {
        background: url(https://passport.baidu.com/passApi/img/loginlogo.png) no-repeat left;
        font-size: 16px;
        height: 32px;
        line-height: 46px;
        padding-left: 118px;
        color: #000;
        margin-top: 1px;
        margin-bottom: 15px;
    }
    .text_input {
        display: block;
        position: relative;
        height: 20px;
        padding: 10px 8px;
        border: 1px solid #ddd;
        transition: .3s;
        font-size: 14px;
        color: #666;
        width: 284px;
    }
    .choose_label{
        display: inline;
        color: #666;
        font-size: 12px;
        margin-left: 5px;
    }
    .choose{
        vertical-align: middle;
    }
    a{
        font-size: 12px;
        color: rgb(46, 130, 255);
        text-decoration: none;
    }
    .log_in {
        background-image: none;

        display: block;
        height: 40px;
        line-height: 40px;
        width: 300px;
        font-size: 16px;
        font-weight: 800;
        cursor: pointer;
        color: #fff;
        background: #3f89ec;
        border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .aa{
        color: #2e82ff;
        margin-top: 30px;
        height: 60px;
        line-height: 60px;
        background: #f0f6ff;
        padding: 0 28px;
        position: relative;
        width: 250px;
}
</style>
<body>
    <form method="post">
        <!--<p><img src="baidu_log.png" alt="broken">用户名密码登陆</p>-->
        <p class="title">用户名密码登陆</p><br>
        <input class="text_input" type="text" name="userName" placeholder="手机/邮箱/用户名"><br>
        <input class="text_input" type="password" name="password" placeholder="密码"><br>
        <p class="choose_label"><input  class="choose" type="checkbox" name="memberPass"  checked="checked" id="memberPass" value="memberPass">下次自动登录</p>
        <input type="submit" value="登录" class="log_in">
        <a href="https://passport.baidu.com/?getpassindex&amp;tt=1531740568514&amp;gid=3838876-6169-4D4F-9A27-245683DB5AA9&amp;tpl=mn&amp;u=https%3A%2F%2Fwww.baidu.com%2F" target="_blank">忘记密码？</a>
        <!--&nbsp;-->
        <a title="短信快捷登录" style="margin-left: 165px">短信快捷登录</a><br>

        <div class="aa">
            <a title="扫码登录" >扫码登录</a>
            <a style="margin-left: 130px" href="https://passport.baidu.com/v2/?reg&amp;tt=1531740568514&amp;overseas=undefined&amp;gid=3838876-6169-4D4F-9A27-245683DB5AA9&amp;tpl=mn&amp;u=https%3A%2F%2Fwww.baidu.com%2F" target="_blank">立即注册</a>
        </div>
    </form>
</body>
</html>

